#layout{
	padding-top: 0.44rem;
    	// 顶部搜索
	.search{
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 0.44rem;
		font-size: 0.14rem;
		background: #1448ae;
		z-index: 22;
		padding: 0 0.19rem;
		display: flex;
		.back{
			width: 0.15rem;
			height: 0.2rem;
			color: transparent;
			line-height: 999rem;
			overflow: hidden;
			margin-top: 0.13rem;
			background: url(../images/icon/sprites.png) no-repeat -0.51rem -0.16rem;
			background-size: 3.75rem auto;
			
		}
		.search-box{
			margin-top:0.08rem;
			width: 100%;
			margin-left: 0.1rem;
			height: 0.28rem;
			line-height: 0.26rem;
			border: 1px solid #fff;
			border-radius: 0.5rem;
			display: flex;
			span{
				color: #fff;
				width: 0.72rem;
				border-right: 1px solid #fff;
				margin-left: 0.1rem;
				text-align: center;
				position: relative;
				&::before{
						content: '';
					    position: absolute;
					    top: 0.04rem;
						left: -0.01rem;
					    width: 0.14rem;
					    height: 0.18rem;
					    background: url(../images/icon/sprites.png) no-repeat -3.11rem -1.3rem;		
						background-size: 3.75rem auto;						
						
				}
			
			}
			form{
				position: relative;
				width: 100%;
				input{
					width: 88%;
					background: transparent;
					margin-left:0.3rem;
					padding-right: 0.15rem;
					&::placeholder{
						color: #c4c4c4;
					}
				}
			&::before{
				    content: '';
				    position: absolute;
				    top: 0.04rem;
					left: 0.05rem;
				    width: 0.2rem;
				    height: 0.2rem;
				    background: url(../images/icon/galss_03.png) no-repeat center/85% auto;			
					
			}
			}
		}
	}

	.main{
		position: relative;
		padding-top: 0.45rem;
		.nav{
			width: 100%;
			position: fixed;
			display: flex;
			left: 0;
			top: 0.44rem;
			height: 0.45rem;
			line-height: 0.45rem;
			background: #f4f4f4;
			font-size: 0.14rem;
			color: #666;
			z-index: 66;
			li{
				text-align: center;
			}
			.w15{
				width: 15%;
			}
			.w20{
				width: 20%;
			}
			.w25{
				width: 25%;
			}
			li.on{
				color: #1448ae;
				background: #fff;
				border-top: 4px solid #f7c612;
			}
		}
	
		.detail{
			// margin-top: 0.18rem;
			padding:0 0.12rem;
			.item{
				padding-top: 0.16rem;
				padding-bottom: 0.14rem;
				border-bottom: 1px solid #ccc;
				&:last-of-type{
					border-bottom: 0;
				}
				a{
					
					display: flex;
					justify-content: space-between;	
				
					
					.img-box{
						position: relative;
						width: 28%;
						img{
							height:100%;
						}
						&:after{
								content: '';
								position: absolute;
								right: -1px;
								top: -1px;
								width: 0.36rem;
								height: 0.36rem;
								background: url(../images/icon/sprites.png) no-repeat -2.52rem -3.55rem;
								background-size: 3.75rem auto;
							}
						
					}
					.desc-box{
						width: 70%;
						color: #666;
						h3{
							font-size: 0.14rem;
							font-weight: normal;
							width: 100%;
							white-space: nowrap;
							text-overflow: ellipsis;
							overflow: hidden;
						}
						.tag{
							font-size: 0.1rem;
							margin-top: 0.08rem;
							margin-bottom: 0.05rem;
							span{
								padding: 0.01rem 0.05rem;
								border: 1px solid #ccc;
								margin-right: 0.07rem;
								&:nth-of-type(3){
									background: #48c1e2;
									color: #fff;
									border: 0;
								}
							}
							
						}
						p{
							font-size: 0.12rem;
						}
						p.from{	
							width: 100%;
							text-overflow: ellipsis;
							white-space: nowrap;
							overflow: hidden;
							span{
								color: #00cc66;
								font-weight: bold;
								margin-right: 0.08rem;
							}
						}
						.bottom{
							font-size: 0.12rem;
							line-height: 0.1rem;
							display: flex;
							justify-content: space-between;
							margin-top: 0.08rem;
							.prize{
								font-size: 0.1rem;
								position: relative;
								i{
									font-style: normal;
									position: absolute;
									top: -2px;
									left: 0;
									color: #f88412;
								}
								span{
									font-size: 0.15rem;
									color: #f88412;
									margin-left: 0.1rem;
									
								}
							}
							.num,.comment,.score{
								color: #999;
								b{
									color: #666;
									font-weight: normal;
								}
								
							}
							.tag1{
								position: relative;
								.comment{
									margin-right: 0.38rem;
								}
								.score{
									position: absolute;
									right: 0;
									top:-10px;
									background: #f6f6f6;
									font-size: 0.1rem;
									padding: 0.02rem 0.05rem;
									border: 1px solid #ccc;
									b{
										font-size: 0.15rem;
									}
								}
							}
						
						}
					
					}
				}	
			}
		}
	}


}